﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Web_Sven._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div id="BoekenLijst">
        <div id="BoekDetails" runat="server">
        </div>
        <asp:Label ID="lblTitel" runat="server" AssociatedControlID="txtTitel">Titel:</asp:Label>
        <asp:TextBox ID="txtTitel" runat="server" OnTextChanged="txtTitel_TextChanged" AutoPostBack="True"></asp:TextBox><br />
        <asp:Label ID="lblIsbn" runat="server" AssociatedControlID="txtIsbn">ISBN:</asp:Label>
        <asp:TextBox ID="txtIsbn" runat="server" OnTextChanged="txtIsbn_TextChanged" AutoPostBack="True"></asp:TextBox><br />
        <asp:CheckBox ID="chbCategorie" Text="Categorie" runat="server" OnCheckedChanged="chbCategorie_CheckedChanged"
            AutoPostBack="True" />
        <asp:DropDownList ID="cmbCategorie" runat="server" OnSelectedIndexChanged="cmbCategorie_SelectedIndexChanged"
            AutoPostBack="True">
        </asp:DropDownList>
        <br />
        <asp:CheckBox ID="chbUitgever" Text="Uitgever" runat="server" OnCheckedChanged="chbUitgever_CheckedChanged"
            AutoPostBack="True" />
        <asp:DropDownList ID="cmbUitgever" runat="server" OnSelectedIndexChanged="cmbUitgever_SelectedIndexChanged"
            AutoPostBack="True">
        </asp:DropDownList>
        <br />
        <asp:GridView ID="dgvAllBooks" runat="server" OnSelectedIndexChanged="dgvAllBooks_SelectedIndexChanged">
        </asp:GridView>
        
    </div>
    <div id="KlassenLijst">
        <div id="KlasBoekDetails" runat="server" ></div>
        <asp:Button ID="naarLijst" runat="server" Text="Naar lijst" OnClick="naarLijst_Click" />
        <asp:Button ID="uitLijst" runat="server" Text="Uit lijst" OnClick="uitLijst_Click" />
        <asp:Button ID="wisLijst" runat="server" Text="Wis lijst" OnClick="wisLijst_Click" /><br />
        <asp:Label ID="lblKlas" runat="server" AssociatedControlID="KlasLijst">Klas:</asp:Label>
        <asp:DropDownList ID="KlasLijst" runat="server" AutoPostBack="true" OnSelectedIndexChanged="KlasLijst_SelectedIndexChanged">
        </asp:DropDownList>
        <br />
        <asp:Label ID="lblUpdate" runat="server" AssociatedControlID="textBox1">Laatste update:</asp:Label>
        <asp:TextBox ID="textBox1" runat="server" AutoPostBack="true"></asp:TextBox><br />
        <asp:Label ID="lblKopie" runat="server" AssociatedControlID="KlasLijstVoorKopie">Kopieer van:</asp:Label>
        <asp:DropDownList ID="KlasLijstVoorKopie" runat="server" AutoPostBack="true">
        </asp:DropDownList>
        <br />
        <asp:Button ID="annuleer" runat="server" Text="Annuleer" OnClick="annuleer_Click" />
        <asp:Button ID="overschrijf" runat="server" Text="Overschrijf" OnClick="overschrijf_Click" />
        <asp:Button ID="voegToe" runat="server" Text="Voeg Toe" OnClick="voegToe_Click" /><br />
        <asp:GridView ID="KlasBoeken" runat="server" 
            onselectedindexchanged="klasLijstData_SelectedIndexChanged">
        </asp:GridView>
    </div>
    <script type="text/javascript">
    //<![CDATA[
        function getPosition() {
            var e = window.event;
            var cursor = { x: 0, y: 0 };
            if (e.pageX || e.pageY) {
                cursor.x = e.pageX;
                cursor.y = e.pageY;
            }
            else {
                var de = document.documentElement;
                var b = document.body;
                cursor.x = e.clientX +
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
                cursor.y = e.clientY +
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
            }
            var boek = document.getElementById('MainContent_bookDetail');
            //boek.setAttribute("position", "absolute");
            boek.style.left = cursor.x;
            boek.setAttribute("left", cursor.x);
            boek.style.top = cursor.y;
            boek.setAttribute("top", cursor.y);
        }
    //]]>
    </script>
</asp:Content>
